import Taro, {Component} from "@tarojs/taro";
import {View, Image, Input, Picker, Button, Form } from "@tarojs/components";
import {AtIcon} from 'taro-ui'
import {inject, observer} from '@tarojs/mobx'

import {getAvatar, userSexArr, showToast, getUserInfo, imgUpload, setUserInfo, navigateBack} from '../../utils/common'
import './edit.scss'


class Company extends Component {
  constructor(props) {
    super(props)
  }

  state = {
  }

  componentWillMount() {

  }

  changeAvatar() {
  }

  changePicker() {}

  submit(e) {
  }

  render() {
    let avatar = ''
    return (
      <View className='my-my_edit page-bg'>
        <Form onSubmit={this.submit.bind(this)}>
          <View className='edit__header' onClick={this.changeAvatar.bind(this)}>
            <Image src={getAvatar(avatar)} className='edit__my-bg' />
            <View className='edit__list-title fw'>点击更换头像</View>
          </View>

          <View className='content-20'>
            <View className='form-wrap'>
              <View className='form-wrap__group'>
                <View className='form-wrap__title'>昵称</View>
                <View className='form-wrap__content'>
                  <Input className='form-wrap__input' name='' placeholderClass='placeholder-class' placeholder='请输入昵称' />
                </View>
              </View>

              <View className='form-wrap__group'>
                <View className='form-wrap__title'>性别</View>
                <View className='form-wrap__content'>
                  <Picker mode='selector' className='form-wrap__selector' range='' onChange={this.changePicker.bind(this)}>
                    <View className='form-wrap__picker placeholder-class icon-link-theme'>当前选择：</View>
                  </Picker>
                </View>
              </View>
            </View>
          </View>

          <Button className='circular-submit' formType='submit'>保存</Button>
        </Form>
      </View>
    )
  }
}

export default Company
